
@charset "UTF-8";
/*初始化css*/
body{min-width:1080px;font-family:微软雅黑;color: #333;}/*min-width的宽度根据项目页面宽度决定*/
*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,form
{margin:0;padding:0;border:0;outline:none;}
input{margin:0;padding:0;outline:none;}
li{list-style:none;}
a,ins{text-decoration:none;}
*:focus{outline:none;}
a{color:#333;}/*颜色根据通用信息列表的文字颜色决定*/
.more a{color: #999;}/*颜色根据通用更多的文字颜色决定*/
a:hover{color:#1c5bb8;}/*颜色根据psd主色调决定，比如很多都是蓝色*/
.more a:hover{color:#1c5bb8;}/*颜色根据psd主色调决定，比如很多都是蓝色*/
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
textarea,input{font-family:微软雅黑;}
img{width: 100%;height: 100%;}
/*命名的语义化---正常页面的几部分如下：header(top+banner+nav)	content-wrap(section1+section2+...)		footer*/
.width1080{width: 1080px;margin: 0 auto;}
/* 顶部 */
#header .headqh img {
    width: auto;
    height: auto;
}
.top {
    height: 85px;
    padding-top: 26px;
}
.logo {
    width: 199px;
    height: 36px;
    background: url('./logo.png') no-repeat left top;
    border-right: solid 1px #cccccc;
}
.link {
    height: 37px;
    line-height: 37px;
    padding-left: 19px;
    font-size: 20px;
}
.l_selc {
    background: #f1f2f4;
    border: none;
    border-radius: 2px;
    color: #444446;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    padding: 2px;
}
.top_right {
    font-size: 14px;
    color: #8b8b8b;
}
.top_right a {
    display: inline-block;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    border: none;
    width: 80px;
    height: 34px;
    border-radius: 2px;
    color: #3c3c3c;
}
.top_right .zc {
    border: solid 1px #d6d6d6;
    background: none;
    margin-left: 13px;
    position: relative;
    top: 0px;
}
.top_right .dl {
    background: #f1f2f4;
    margin-left: 8px;
}
.img_box {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.nav {
    margin-top: 61px;
}
.nav_item {
    width: 255px;
    height: 255px;
    background: #F8F8F8;
    border-radius: 2px;
    text-align: center;
    padding-top: 141px;
    line-height: 24px;
    cursor: pointer;
    position: relative;
}
.nav_item .nav_tit {
    font-size: 22px;
}
.nav_item span {
    margin-top: 16px;
    font-size: 16px;
    display: block;
    color: #666666;
}
.jxgl,.zckj,.msdt {
    margin-left: 20px;
}
.zddc {
    background: #F8F8F8 url('./icon4.png') no-repeat 50% 40px;
}
.jxgl {
    background: #F8F8F8 url('./icon1.png') no-repeat 50% 40px;
}
.msdt {
    background: #F8F8F8 url('./icon2.png') no-repeat 50% 40px;
}
.zckj {
    background: #F8F8F8 url('./icon3.png') no-repeat 50% 40px;
}
.nav_glide {
    /* display: none; */
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: -moz-linear-gradient(to right, #47B9F8, #007CF2);
    background: -ms-linear-gradient(to right, #47B9F8, #007CF2);
    background: -webkit-linear-gradient(to right, #47B9F8, #007CF2);
    background: linear-gradient(to right, #47B9F8, #007CF2);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#47B9F8", endColorstr="#007CF2", gradientType="1");
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.nav_glide a {
    display: block;
    width: 255px;
    height: 255px;
    color: #FFFFFF;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    /* text-align: center; */
    line-height: 26px;
    padding-top: 65px;
}
.nav_glide a strong {
    font-size: 24px;
}
.nav_glide a p {
    margin-top: 20px;
}
/* 飘窗 */
.bay_box {
    position: fixed;
    top: 50%;
    right: 16px;
}
.bay_box div.bay_item {
    width: 70px;
    height: 71px;
    background: #FFFFFF;
    border-radius: 1px;
}
.bay_box div.bay_item a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #6b6b6b;
    text-align: center;
    padding-top: 46px;
}
.bay_box div.bay_item a:hover{color: #007CF2;}
.bay1 a {
    background: url('./icon5.png') no-repeat 50% 13px;
}
.bay1 a:hover {
    background: url('./icon6.png') no-repeat 50% 13px;
}
.bay2 a {
    background: url('./icon7.png') no-repeat 50% 13px;
}
.bay2 a:hover {
    background: url('./icon8.png') no-repeat 50% 13px;
}
.bay3 a {
    background: url('./icon9.png') no-repeat 50% 13px;
}
.bay3 a:hover {
    background: url('./icon10.png') no-repeat 50% 13px;
}
/* 底部 */
.foot {
    margin-top: 28px;
    width: 100%;
    height: 171px;
    border-top: solid 2px  #f6f6f6;
    text-align: center;
    font-size: 14px;
}
.fot_nav {
    width: 100%;
    margin-top: 25px;
}
.fot_nav li {
    display: inline-block;
}
.fot_line {
    background: url('./foticon1.png') no-repeat left top;
    margin: 0 20px;
    height: 13px;
    width: 2px;
}
.dh {
    margin-top: 17px;
}
.jbdh {
    margin-left: 38px;
}
.danw {
    border-top: solid 2px  #f6f6f6;
    font-size: 14px;
    line-height: 18px;
    color: #a3a3a3;
    margin-top: 15px;
    padding-top: 14px;
    position: relative;
    padding-right: 160px;
}
.fot_bot {
    position: absolute;
    top: 17px;
    right: 180px;
}
.fot_bot a {
    display: inline-block;
}
.dz {
    width: 27px;
    height: 33px;
}
.zc {
    position: relative;
    bottom: 6px;
    margin-left: 10px;
    width: 46px;
    height: 23px;
}